<!doctype html/>
<html lang="en">
	
	<head>
		<meta charset="utf-8"/>
		<title>South America</title>
		
		<link href="styles/styles.css" 
			rel="stylesheet" 
			type="text/css"/>
		
		<script language="javascript"
			src="scripts/scripts.js">
		</script>
					
	</head>
	
	<body>
				
		
		<h1>Five Countries on the South American Continent</h1>
		
		
		
		<br/>
		<br/>
		
		<img src="images/South_America1.jpg" width="350" height="350"
				alt="This is a picture of the continent of South America"
				title="This is a picture of the continent of South America"
				id="picture1"/>
		
		<img src="images/South_America2.jpg" width="350" height="350"
				alt="This is a picture of the continent of South America"
				title="This is a picture of the continent of South America"
				id="picture2"/>
		
		<br/>
		<br/>	
		
		<nav>
			<a href="javascript:showArgentina()" class="menulinks">Argentina</a>
			<a href="javascript:showBrazil()" class="menulinks">Brazil</a>
			<a href="javascript:showChile()" class="menulinks">Chile</a>	
			<a href="javascript:showPeru()" class="menulinks">Peru</a>
			<a href="javascript:showVenezuela()" class="menulinks">Venezuela</a>	
		<nav>
		<br/>
		<br/>
		<form action="javascript:isComplete()">
			<input type="submit" value="FINISH"/>
		</form>
		
		
			<h2><p>Click on one of the links above to get more information on 
		countries in South America</p></h2>
			<h3><p>Click on FINISH for a special message</p></h3>
			
		<p id="caption">&nbsp;</p>
		
		
			
		<footer>
			<cite>This page's content comes from 
			<cite><a href="http://wikipedia.org/wiki" target="_blank">Wikipedia</a></cite>				
			<br/>
			<cite>The pictures come from 
				<a href="http://creativecommons.org" target="_blank">Creative Commons</a></cite>
			<p>&copy; 2011 Linda Beddingfield</p>
		</footer>
				
	</body>	
	
</html>	